.box{
    // border: 1px solid red;
    ul{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin-bottom: 5%;
        li{
            width: 48%;
            height: 250px;
            // border: 1px solid red;
            position: relative;
            cursor:pointer;
            margin-bottom:5%;
            overflow: hidden;
            .img{
                pointer-events: none;
                width: 100%;
                height: 100%;
                // border: 1px solid red;
                background-size: cover;
                position: relative;
                transition: all 0.5s;
            }
            .text{
                pointer-events: none;
                width: 100%;
                height: 45%;
                background-color: rgba(255, 255, 255, .7);
                padding-left: 10%;
                padding-top: 3%;
                position: absolute;
                bottom: 0;
                h2{
                    font-size: 22px;
                    margin-bottom: 5%;
                }
            }
        }
        li:hover{
            .img{
                transform: scale(1.1,1.1);
            }
        }
    }
}